/* use css to set position of modal */
.ant-modal-body
  min-height 100px

.sc-modal-scroll
  position relative
  .loadingMiddle
    position absolute
    top 50%
    left 50%
    margin-left -10px
    margin-top -10px
.modal-list
  margin-bottom 10px
  .modal-select
    width 100%
  & textarea
    resize none
    min-height 100px
  .ant-carousel
    width 100%
    height 500px
    & h3
      display flex
      justify-content center
      align-items center
      height 500px
      & img
        display block
        max-width 100%
        max-height 500px
    .slick-dots
      & button
        background #999
        border 1px solid #fff
        box-sizing content-box
      .slick-active
        & button
          background
  .bigText
    min-height 150px
  .ant-calendar-picker
    width 100%
  .modal-flex
    display flex
    max-height 800px
    overflow-y scroll
    .modal-flex-1
      width 50%
      flex 1
      & h3
        & span
          display inline-block
          padding 10px 10px 10px 0
          border-bottom 2px solid #ccc
          font-size 16px
      & ul
        list-style none
        padding 0
        & li
          box-sizing border-box
          line-height 34px
          min-height 34px
          padding-right 20px
          display flex
          align-items center
          & strong
            margin-right 8px
            min-width 56px
          & span
            display inline-block
            width 300px
            height 34px
            line-height 34px
            overflow hidden
            white-space nowrap
            text-overflow ellipsis
          & input
            width 200px
            margin-right 20px
          & p
            margin 0
            padding-right 6px
          .modal-sm-btn
            max-width 100px
            height 28px
            font-size 12px
            margin-right 20px
            & span
              display inline
              line-height 28px
      .ant-timeline
        margin-top 18px
        .ant-timeline-item
          height auto
          line-height normal
  .inlinelabel
    display block
    height 32px
    line-height 32px
.vertical-center-modal 
  text-align: center
  white-space: nowrap
  .sc-modal-page
    white-space normal

.vertical-center-modal:before 
  content: ''
  display: inline-block
  height: 100%
  vertical-align: middle
  width: 0


.vertical-center-modal .ant-modal 
  display: inline-block
  vertical-align: middle
  top: 0
  text-align: left